<!DOCTYPE HTML>
<style>
    * { background-color: gray; }
    .box { width: 100%; height: 50px; margin-bottom: 10px; background-color: darkmagenta; }
    .wrapper { background-color: white; width: 100%; height: 480px; }
    p { color: lime; }
    </style>
<body>
    <div class="wrapper">
        <p>this line should be green with gray background-color.</p>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
    </div>
</body>
</html>